<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>笑脸</title>
		 <style>
	        #d1 {
	            width: 200px;
	            height: 200px;
	            border-radius: 50%;
	            background-color: #ffd700;
	            position: relative;
				left:10px;
				top:10px;
	        }
	
	        #d2 {
				position: relative;
	            width: 30px;
	            height: 30px;
	            background-color: #000;
	            border-radius: 50%;
				left:7px;
				top:8px;
	        }
	
	        #d3 {
	           position: relative;                                                  
	           width: 30px;
	           height: 30px;
	           background-color: #000;
	           border-radius: 50%;
			   left:6px;
			   top:53px;
	        }
	
	        #d4 {
	            position: relative;
	            width: 70px;
	            height: 30px;
				 border-radius: 50%;
	            background-color: #ffaaff;
				left:141px;
				top:94px;
	            
	        }
			
		
	
	        #d5 {
	            position: relative;
	            width: 120px;
	            height: 20px;
	            border: 3px solid #ff0000;
				border-top-color:#ffd700;
	            border-radius: 50%;
				left:41px;
				top:93px;
	           
	        }
	
	        #d6 {
	            position: relative;
	            width: 70px;
	            height: 30px;
				 border-radius: 50%;
	            background-color: #ffaaff;
				left:-12px;
				top:39px;
	            
           }
			#d7 {
	            position: relative;
	            width: 40px;
	            height: 90px;
	            background-color: #ffffff;
				border: 1px solid #ffaa00;
				 border-radius: 50%;
				transform: rotate(-90deg);
				left:128px;
				top:-65px;
	            
				
	        }
			#d8 {
			    position: relative;
			    width: 40px;
			    height: 90px;
			    background-color: #ffffff;
				border: 1px solid #ffaa00;
				border-radius: 50%;
				transform: rotate(-90deg);
				left:25px;
				top:-156px;
			    
				}
    </style>
	</head>
	<body>
	             <div id="d1">
	                 
	                
	                 <div id="d4"></div>
	                 <div id="d5"></div>
					 <div id="d6"></div>
					 <div id="d7">
						 <div id="d2"></div>
					 </div>
					 <div id="d8">
						  <div id="d3"></div>
					 </div>
	    </div>
	</body>
</html>